
<div style="border:thin solid;text-align:center;float: right;width:750px;padding: 10px">
<div id="tag_list" style="text-align:center">
    <% form_remote_tag(:url => {:action => "filter_global_chart"}, :id => "form1") do  -%>
            <h2 style="padding-bottom:0;margin-bottom:0;width:750px">Selected Tags:</h2><br/>
            <%= text_area_tag :tags, @tags.join(", "), {:cols=>'80', :rows=>4,:id => 'spaghetti'   } %><br/>
            <span style="margin-top:0;padding-top:0;font-size: 10px">(Click tag in cloud to add or remove it to list. Clear tags to show all projects.)</span><br/>

<p>
    <%= submit_tag "Chart Matching Projects", :id => 'submit'%>
    <%= button_to_function 'Clear All Tags'do |page|
      page[:spaghetti].value = ''
    end
    %>  
    <%= button_to_function 'Chart All Projects'do |page|
      page[:spaghetti].value = ''
      page[:submit].click
    end
    %>  
    <input type="reset" value="Reset Tags">
    <% end -%>
</p>
</div>
<div id="tag_cloud" >
    <h2 style="width:100%">Available Tags</h2>
    <style>
        .css1 { font-size: 10px; }
        .css2 { font-size: 12px; }
        .css3 { font-size: 14px; }
        .css4 { font-size: 16px; }
    </style>
<div id="tag_cloud_tags" >
    <% @controller.tag_cloud @all_tags, %w(css1 css2 css3 css4) do |tag, css_class| %>
    <a href="javascript:addTag('<%=tag.name%>')" id = "<%=css_class%>"><%=tag.name%></a>
  <% end %>
</div>
</div>
</div>